/* header 头部 */

header {
    height: 60px;
    position: relative;
}

.inner {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.logo {
    width: 60px;
    height: 60px;
    font-size: 34px;
    color: #eb0028;
    line-height: 60px;
}

.nav-pages {
    display: inline-block;
    height: 60px;
}

.nav-pages li {
    font-size: 14px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
}

.nav-pages>li>a {
    box-sizing: border-box;
    padding: 0 1.5em;
    height: 60px;
    line-height: 60px;
    color: #000;
    display: block;
    border-bottom: 2px solid transparent;
    transition: .25s;
}

.nav-pages>li:hover>a,
.header-r li a:hover {
    border-bottom: 2px solid #eb0028;
}

.family-slide:hover ul {
    display: block;
}

.family-show {
    width: 100%;
    text-align: center;
    position: absolute;
    display: none;
    top: 60px;
    left: 0;
    background-color: #fff;
}

.family-show li {
    display: inline-block;
    width: 150px;
    height: 140px;
}

.family-show li a {
    display: block;
    padding: 40px 0;
}

.family-show a:hover {
    color: red;
}

.family-slide .iconfont {
    display: block;
    line-height: 1;
    font-size: 24px;
}

.nav-right>li {
    float: left;
}

.nav-right>li>a {
    box-sizing: border-box;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    border-bottom: 2px solid transparent;
    transition: .25s;
}

.sign-in {
    position: relative;
}

.sign-in:hover ul {
    display: block;
}

.nav-links {
    position: absolute;
    display: none;
    top: 60px;
    width: 320px;
    height: 276px;
    right: -60px;
    background-color: #fff;
    font-size: 14px;
    text-align: left;
    padding-top: 20px;
}

.nav-links li {
    margin: 0 auto;
    padding: 0 20px;
}

.nav-links li a {
    display: block;
    line-height: 50px;
    height: 50px;
    color: #828282;
    border-bottom: 1px solid #ddd;
}

.nav-links .nav-sign {
    padding-top: 25px;
    padding-bottom: 25px;
    height: 56px;
}

.nav-links .nav-sign a {
    border-bottom: none;
    color: #09c;
}

.header-shop {
    position: relative;
}

.cart-num {
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 19px;
    font-size: 12px;
    background-color: #eb0028;
    border: 2px solid #fff;
    color: #fff;
    top: 28px;
    left: 28px;
    border-radius: 50%;
}

/* sections */

.sections {
    background: url("https://image01.oneplus.cn/shop/201906/27/1403/151bfc961009e115533581b61e147884.jpg") no-repeat center;
    height: 300px;
}

.narrow {
    background: url("https://image01.oneplus.cn/shop/201906/13/1798/84063d5fccde396f568fc4e736c621f0.jpg") no-repeat center;
    width: 1000px;
    height: 680px;
    margin: 0 auto;
}

.column {
    background: url("https://image01.oneplus.cn/shop/201905/16/1654/5c6699b135331056e4b3eee27a9b8f06.jpg") no-repeat center;
    height: 680px;
}

/* banner */

.swiper-container {
    width: 772px;
    height: 480px;
    margin-top: 50px;
}

/* list */

em {
    font-style: normal;
}

.cart {
    font-size: 40px;
    margin-right: 200px;
}

.cart-wrap {
    position: relative;
}

.goods-list {
    padding-top: 40px;
}

.goods-box {
    text-align: center;
    padding-top: 20px;
}

.goods-box p {
    padding: 10px 25px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goods-img img {
    width: 220px;
    height: 220px;
}

.goods-detail {
    text-align: left;
    padding-left: 25px;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    display: flex;
}

.goods-detail em {
    float: right;
    margin-right: 25px;
    color: #aaa;
}

.goods-detail span {
    font-size: 16px;
    color: #f19;
}

.goods-detail del {
    font-size: 18px;
    color: #b6b6b6;
}

.goods-btn {
    text-align: right;
    padding-right: 25px;
}

.carts-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #ddd;
    padding-bottom: 5px;
}

.carts-title {
    width: 20%;
    overflow: hidden;
}

.carts-total-price {
    width: 10%;
    text-align: left;
}


.carts-img img {
    width: 110px;
    height: 110px;
}

.carts-total-price {
    padding-right: 20px;
    font-size: 20px;
    color: #f19;
}

/* activity */

.activity {
    width: 1200px;
    margin: 0 auto;
}

.activity li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 35px 0;
    font-size: 16px;
}

.activity a {
    display: block;
    color: #565b62;
}

.activity i {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.activity p {
    padding-top: 15px;
}

.activity-first {
    background: url(https://statics.oneplus.cn/v2/img/common/serviceIcons-sd81bbaa639.png) 0 -400px;
}

.activity-second {
    background: url(https://statics.oneplus.cn/v2/img/common/serviceIcons-sd81bbaa639.png);
}

.activity-third {
    background: url(https://statics.oneplus.cn/v2/img/common/serviceIcons-sd81bbaa639.png) 0 -240px;
}

.activity-fourth {
    background: url(https://statics.oneplus.cn/v2/img/common/serviceIcons-sd81bbaa639.png) 0 -560px;
}

/* footer 页脚 */

#footer {
    background-color: #fcfcfc;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

/* service 服务 */

.service {
    width: 1200px;
    color: rgba(0, 0, 0, .8);
    font-size: 16px;
    padding: 36px 15px 20px 0;
    margin: 0 auto;
}

.service dl {
    width: 197px;
    float: left;
    padding: 0 20px 10px;
}

.service dt {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #101920;
}

.service dd {
    font-size: 14px;
    line-height: 1.7;
    padding: 8px 0;
}

.service dd a {
    color: #828282;
}

.service dd a:hover {
    color: #101920;
}

.contact-us-cn {
    margin-top: 10px;
    text-align: right;
}

.one-tel-number {
    font-size: 14px;
    color: #09c;
    text-align: right;
    display: block;
}

.foo-service-chat-for-sobot {
    display: block;
    margin: initial;
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 38px;
    line-height: 38px;
    width: 84px;
    color: #101920;
    font-size: 17px;
    text-align: center;
    border: 1px solid #101920;
    border-radius: 2px;
    padding: 0 1em;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.foo-service-chat-for-sobot:before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    z-index: -1;
    width: 0;
    height: calc(100% + 2px);
    transition: 0.25s;
    background-color: #101920;
    border-radius: 2px;
}

.foo-service-chat-for-sobot:hover {
    color: #fff;
}

.foo-service-chat-for-sobot:hover:before {
    background-color: black;
    width: calc(100% + 2px);
}

.service-available {
    color: #999;
    font-size: 12px;
}

.social-media {
    margin: 10px -6px 0 0;
}

.social-media a {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.link-wechat {
    background: url(https://image01.oneplus.cn/shop/201907/16/1981/a3fd5ecce5e69cc5060377cfb7c4da89.png) no-repeat center / 60%;
    position: relative;
}

.wechat-qr-code {
    width: 0px;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: 50%;
}

.link-wechat:hover .wechat-qr-code {
    width: 120px;
    transform: translate(-50%);
    transition: .25s;
}

.link-weibo i {
    font-size: 24px;
    text-align: center;
}

/* copyright 版权 */

.copyright {
    width: 1200px;
    margin: 0 auto;
}

.contact-us {
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
}

.current-store {
    color: rgba(0, 0, 0, .8);
    height: 50px;
    line-height: 50px;
}

.cn {
    background: url(https://statics.oneplus.cn/ov/assets/images/sprites/header-stores-sprites-9f6e77014b.png) -31px -63px;
    width: 31px;
    height: 21px;
    transform: scale(.6);
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -.2em;
}

.retailer-entry {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    padding-right: 15px;
}

.retailer-entry a {
    color: #09c;
}

.footer-tail-cn {
    padding: 20px 0 30px;
}

.auto-response {
    padding: 0 20px;
    line-height: 30px;
    font-size: 12px;
    color: #999;
}

.under-supervision img {
    vertical-align: middle;
}

.link-pc {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 30px;
}

.link-pc li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    line-height: 12px;
}

.link-pc li:last-child {
    border-right: none;
}

.certificate-container {
    text-align: right;
}

.certificate-container a {
    display: inline-block;
    width: 83px;
    height: 30px;
    margin: 0 10px;
}

.certificate-badge {
    background: url(https://image01.oneplus.cn/shop/201811/13/835/51638e8fd2593c56856278feb794b506.png) center / 100%;
}

.trusted-site {
    background: url(https://statics.oneplus.cn/ov/assets/images/footer/cnnic.png) center / 100%;
}